import logo from './logo.svg';
import { Row, Col, Divider } from 'antd';
import './App.less';
import FileSearch from "./components/fileSearch";
// import useMousePositions from "./hooks/useMousePositions";
import FileList from "./components/FileList";



function App() {
    const files = [
        {
            title: 'Ant Design Title 1',
            id:'1'
        },
        {
            title: 'Ant Design Title 2',
            id:'2'
        },
        {
            title: 'Ant Design Title 3',
            id:'3'
        },
        {
            title: 'Ant Design Title 4',
            id:'4'
        },
    ];
    return (
        <div className="App">
            <Row>
                <Col span={6}  className="gutter-row"  >
                    <FileSearch
                        title={'小娟帮你忙'}
                        onFileSearch={(value)=>{
                            console.log(value)
                        }}
                    />
                </Col>
                <Col span={18} >
                    <div className='col-bg'>col-18</div>
                </Col>
            </Row>
            <Row>
                <Col span={6}  className="gutter-row"  >
                    <FileList
                    files={files}
                    onFileClick={(id)=>{
                        console.log(id)
                    }}
                    onFileDelete={(id)=>{
                        console.log("fach"+id)
                    }}
                    />
                </Col>
                <Col span={18} >
                    <div className='col-bg'>col-18</div>
                </Col>
            </Row>

        </div>
    );
}

export default App;
